<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/list.css">

</head>
<body>
     <!-- 快捷导航栏开始 -->
     <div class="shortcut">
        <div class="w">
          <div class="left fl">
            <ul>
              <li>品优购欢迎您!</li>
              <li><a href="javasceript:;">请登录</a></li>
              <li><a href="javasceript:;" class="red">免费注册</a></li>
            </ul>
          </div>
          <div class="right fr">
            <ul>
              <li><a href="javascript:;">我的订单</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;" class="arrow">我的品优购</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;">品优购会员</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;">企业采购</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;" class="arrow">关注品优购</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;" class="arrow">客服服务</a></li>
              <li><a href="javascript:;">|</a></li>
              <li><a href="javascript:;" class="arrow">网站导航</a></li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 快捷导航栏结束 -->
        <!-- 头部导航栏开始 -->

    <div class="header w">
        <div class="logo">
          <h1><a href="./index.html">品优购商城</a></h1>
        </div>
        <div class="ms">
            <h4><a href="./list.html">秒杀</a></h4>
        </div>
        <!-- 搜索模块 -->
  
        <div class="search">
          <input type="text" placeholder="语言开发" />
          <button>搜索</button>
          <span></span>
        </div>
        <!-- 搜索模块 -->
        <!-- 关键词部分 -->
        <div class="hotword">
          <a href="javascript:;" class="red">优惠购首发 </a>
          <a href="javascript:;">9.9元团购 </a>
          <a href="javascript:;">美满99减30 </a>
          <a href="javascript:;">办公用品 </a>
          <a href="javascript:;">电脑</a>
          <a href="javascript:;">通信 </a>
          <a href="javascript:;">亿元优惠</a>
        </div>
        <!-- 关键词部分 -->
  
        <!-- 购物车部分 -->
        <div class="shopcar">
          <span class="car"></span>
          <span>我的购物车</span>
          <span class="arrow"></span>
          <span>8</span>
        </div>
        <!-- 购物车部分 -->
      </div>
      <!-- 头部导航栏结束-->
 
      <!-- footer 部分开始 -->
    <div class="foot">
        <div class="w">
          <!-- top部分 -->
          <div class="top">
            <ul>
              <li>
                <h3></h3>
                <div>
                  <h4>正品保障</h4>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <h3></h3>
                <div>
                  <h4>正品保障</h4>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <h3></h3>
                <div>
                  <h4>正品保障</h4>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <h3></h3>
                <div>
                  <h4>正品保障</h4>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <h3></h3>
                <div>
                  <h4>正品保障</h4>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
            </ul>
          </div>
          <!-- top 部分 -->
          <!-- center部分 -->
          <div class="center">
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="tex1">
              <h2>购物指南</h2>
              <ul>
                <li><img src="./img/wx_cz.jpg" alt="" /></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
          </div>
          <!-- center部分 -->
  
          <!-- bottom 部分 -->
          <div class="bottom">
            <!-- <div class="navs clearfix">
                  <ul>
                      <li><a href="javascript:;">关于我们 </a></li>
                      <li><a href="javascript:;">联系我们  </a></li>
                      <li><a href="javascript:;"> 联系客服  </a></li>
                      <li><a href="javascript:;"> 商家入驻</a></li>
                      <li><a href="javascript:;">营销中心</a></li>
                      <li><a href="javascript:;">手机品优购  </a></li>
                      <li><a href="javascript:;"> 友情链接 </a></li>
                      <li><a href="javascript:;">销售联盟 </a></li>
                      <li><a href="javascript:;">销售联盟</a></li>
                      <li><a href="javascript:;">品优购公益 </a></li>
                      <li><a href="javascript:;">English Site </a></li>
                      <li><a href="javascript:;">Contact U</a></li>
                  </ul>
              </div> -->
  
            <p>关于 我们　|　联系我们　|　联系客服　|　商家入驻　|　营销中心　|　手机品优购　｜　友情链接　|　销售联盟　|　品优购社区　|　品优购公益　|　English Site　|　Contact U</p>
            <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82</p>
            <p>京ICP备08001421号京公网安备110 108007702</p>
          </div>
          <!-- bottom 部分 -->
        </div>
      </div>
      <!-- footer 部分结束 -->

</body>
</html>